import type { EChartsOption } from 'echarts'

const dataZoom = [
    {
        end: 35,
        height: 20, // 下滑块手柄的高度调节
        show: true,
        start: 0,
        type: 'slider',
        xAxisIndex: [0],
    },
    {
        end: 35,
        height: 20, // 下滑块手柄的高度调节
        show: true,
        start: 0,
        type: 'inside',
        xAxisIndex: [0],
    },

]
export const leftlineOptions: EChartsOption = {
    dataZoom,
    grid: {
        bottom: 50,
        containLabel: true,
        left: 10,
        right: 10,
    },
    series: [],
    tooltip: {
        axisPointer: {
            type: 'cross',
        },
        padding: [5, 10],
        trigger: 'axis',
    },
    xAxis: {
        axisLabel: {
            showMaxLabel: true,
        },
        axisTick: {
            show: false,
        },
        boundaryGap: false,
        data: [],
    },
    yAxis: {
        axisTick: {
            show: false,
        },
    },
}

export const leftbarOptions: EChartsOption = {
    dataZoom,
    grid: {
        bottom: 50,
        containLabel: true,
        left: 10,
        right: 10,
    },
    series: [],
    tooltip: {
        axisPointer: {
            type: 'shadow',
        },
        trigger: 'axis',
    },
    xAxis: {
        axisLabel: {
            showMaxLabel: true,
        },
        axisTick: {
            alignWithLabel: true,
        },
        data: [],
        type: 'category',

    },
    yAxis: {
        type: 'value',
    },

}

export const rightlineOptions: EChartsOption = {
    dataZoom,
    grid: {
        bottom: 50,
        containLabel: true,
        left: 10,
        right: 10,
    },

    series: [],
    tooltip: {
        axisPointer: {
            type: 'cross',
        },
        padding: [5, 10],
        trigger: 'axis',
    },
    xAxis: {
        axisLabel: {
            showMaxLabel: true,
        },
        axisTick: {
            show: false,
        },
        boundaryGap: false,
        data: [],
    },
    yAxis: {
        axisTick: {
            show: false,
        },
    },
}

export const rightbarOptions: EChartsOption = {
    dataZoom,
    grid: {
        bottom: 50,
        containLabel: true,
        left: 10,
        right: 10,
    },
    series: [],
    tooltip: {
        axisPointer: {
            type: 'shadow',
        },
        trigger: 'axis',
    },
    xAxis: {
        axisLabel: {
            showMaxLabel: true,
        },
        axisTick: {
            alignWithLabel: true,
        },
        data: [],
        type: 'category',

    },
    yAxis: {
        type: 'value',
    },

}
